iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
0
Modern Web

菜鳥網頁基礎系列 第 24

菜鳥網頁基礎DAY24

  • 分享至 

  • xImage
  •  

這次要來進入到 JavaScript,了解一些基本東西。

首先要能使用 JavaScript,那就需要先建立 JavaScript 檔案然後才能置入,置入 JavaScript 檔案會要用到 script 標籤,然後我們置入的位置會在 body 標籤結尾前面,那這樣我們就完成連結 JS 的一小步了。

  <body>
    <script src="./index.js"></script>
  </body>

那接下來我們要使用 JS 要確保到他們是有連結到的,所以我們需要先打開網頁,但是打開之後他是空白的,他會空的是因為我們的 body 除了置入 JS 檔案然後就沒其他東西了,我們 JS檔案裡面也是空的,甚麼都沒寫。

我們可以使用一些簡單的方法來檢查我們的網頁有沒有連到 JS,這時候我們打開 JS 檔案,裡面打一個函數,他叫做 alert,然後後面會有括號,括號裡面可以放入一個值,譬如字串,字串他需要用單引號或是雙引號把他包住(都要使用英文的),那他有成功跳出視窗,所以他是有連到的,alert 就是彈出視窗,可以提示使用者。

alert('你好')

https://ithelp.ithome.com.tw/upload/images/20201006/20129535dHHKIHEWA2.png

我們還有另一種測試方法就是使用 console.log,打開網頁不會看到他跳東西,他只會出現在檢查視窗,對者網頁點擊右鍵。

https://ithelp.ithome.com.tw/upload/images/20201006/20129535K68I9Ofe0H.png

https://ithelp.ithome.com.tw/upload/images/20201006/20129535emgD8TwQON.png


上一篇
菜鳥網頁基礎DAY23
下一篇
菜鳥網頁基礎DAY25
系列文
菜鳥網頁基礎30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言